@import "@usehook/cursor.scss";

.el-select-dropdown__empty,
.el-select-dropdown__loading {
  font-size: var(--font-size) !important;
}

.el-select__selected-item,
.el-select__placeholder {
  font-size: var(--font-size) !important;
}

.el-select-dropdown__item {
  line-height: calc(var(--font-size) * 2) !important;
  height: calc(var(--font-size) * 2) !important;
  font-size: var(--font-size) !important;
  @include cursor-pointer-important;
}

.el-select-dropdown__item * {
  @include cursor-pointer-important;
}

.el-select__wrapper {
  font-family: inherit;
  font-weight: var(--font-weight);
  font-size: var(--font-size) !important;
  cursor: default;
  height: 100% !important;
}

.el-select-dropdown__item.is-hovering {
  background-color: rgba(231, 231, 231, 0.3);
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper {
  background: transparent;
}

.el-select-dropdown__footer {
  border-top: 1px solid #b7b7b787;
}
